<template>
	<view class="content">
		<!-- <c-nav-bar :title="title" ></c-nav-bar> -->
			<web-view src="https://i.ringzle.com/rdzn/"></web-view>
		<!-- <view class="leftNav">
			<text v-for="(item,index) in leftNavs" :key="index" @click="leftNavInd=index"
				:class="leftNavInd==index?'on':''">{{item}}</text>
		</view>
		<view class="right">
			<view class="item" v-for="(item,index) in lines" :key="index">
				<view class="subtit">{{item.tit}}</view>
				<u-cell :border="false" :title="d.val" :url="'/pages/index/islandGuide/detail?id='+d.id"
					v-for="(d,i) in item.list" rightIconStyle="color:#A2A2A2;font-size:30rpx" isLink
					customStyle="font-size:30rpx;border-bottom:1rpx solid #EFEFEF"></u-cell>
			</view>

		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title:'入岛指南',
				leftNavInd: 0,
				leftNavs: ['泗礁岛', '黄龙岛', '花鸟岛', '枸杞岛', '嵊山岛', '洋山岛'],
				lines: [{
					tit: '上海出发',
					list: [{
						val: '南浦大桥 - 泗礁岛',
						id: '1'
					}, {
						val: '滴水湖 - 泗礁岛',
						id: '1'
					}, {
						val: '上海虹桥 - 泗礁岛',
						id: '1'
					}]
				}, {
					tit: '杭州出发',
					list: [{
						val: '杭州九堡客运中心 - 泗礁岛',
						id: '1'
					}, {
						val: '杭州-上海 - 泗礁岛',
						id: '1'
					}]
				}]
			}
		}
	}
</script>


<style lang="scss" scoped>
	.right .u-line {
		border-bottom: 1px solid #EFEFEF !important;
	}
	.content {
		// display: flex;
		// height: calc(100vh - 88rpx);
		width: 750rpx;
		height: calc(100vh - 60px);
	}

	.leftNav {
		width: 170rpx;
		min-width: 170rpx;
		text-align: center;

		text {
			display: inline-block;
			width: 170rpx;
			height: 108rpx;
			line-height: 108rpx;
			font-size: 26rpx;
			color: #777;
			background-color: rgba(237, 238, 240, .3);

			&.on {
				color: #007A69;
				background-color: #fff;
			}
		}
	}

	.right {
		width: 200rpx;
		margin: 0 -3px;
		flex: 1;
		border-left: 1rpx solid #EFEFEF;
		overflow: auto;

		.subtit {
			line-height: 60rpx;
			height: 60rpx;
			padding-left: 24rpx;
			color: #007A69;
			font-size: 28rpx;
			background-color: rgba(219, 219, 219, 0.2);

		}
	}
</style>